Build a sitemap for your website
為你的網站構建網站地圖
1網站一般有哪些頁面
網站通常有這些頁面：
- 主頁：網站的入口，幾乎所有網站都有
- 產品頁：展示產品的詳細資訊
- 購物車：顯示使用者要買的商品
- 搜尋結果：顯示搜尋到的內容
看看其他網站時，你會發現這些頁面很常見。比如圖書館網站基本都有搜尋結果頁，說明這是必備的頁面。
用上你的使用者研究
到這一步，你應該已經做過這些研究：
- 同理心圖
- 使用者畫像
- 使用者故事
- 使用者旅程圖
比如使用者 Shane 想要：
- 檢視圖書列表
- 選一本喜歡的書
- 預約這本書
- 如果沒貨，就排隊等
- 去圖書館取書
你的網站地圖要根據使用者的這些步驟來設計，讓每個步驟都有對應的頁面。
| 動作 (ACTION) | 瀏覽圖書目錄 | 選擇一本書 | 預約圖書 | 加入等候名單 | 從圖書館取書 |
|---|---|---|---|---|---|
| 任務列表 (TASK LIST) | • 瀏覽新書• 按類別排序• 搜尋作者 | • 瀏覽書籍頁面• 選擇可借閱的書• 點選“加入購物車” | • 點選“預約”按鈕以預訂圖書 | • 點選“是”以加入等候名單 | • 收到借書確認和歸還日期• 選擇取書時間• 前往圖書館 |
| 情緒形容詞 (FEELING ADJECTIVE) | • 渴望的• 好奇的 | • 興奮的• 樂觀的 | • 熱情的• 好奇的 | • 失望的• 沮喪的• 信任的 | • 滿意的• 放心的• 興奮的 |
| 改進機會 (IMPROVEMENT OPPORTUNITIES) | • 能一次選擇多個篩選條件 | • 能將多本書加入購物車• 更易用的“加入購物車”按鈕 | • 暫無 | • 提供預計可用日期範圍• 顯示在等候佇列中的位置 | • 允許非營業時間取書 |
選擇網站結構
網站地圖有這幾種結構：
- 層級結構：像樹一樣，從主頁到分類再到具體頁面
- 順序結構：使用者按順序一步步操作
- 矩陣結構：使用者可以隨意跳轉到任何頁面
- 資料庫結構：透過搜尋和篩選找內容
對圖書館網站來說，用層級結構最合適，因為有清晰的主頁和分類。
怎麼建立網站地圖
第一步：設定主頁
主頁是使用者進入網站的第一個頁面，放在網站地圖的最頂端。
第二步：確定主要分類
這些通常顯示在導航欄。圖書館網站可以包括：
- 圖書：瀏覽書籍
- 借閱清單：儲存想借的書
- 使用者賬戶：管理個人資訊
- 關於我們：圖書館介紹和活動資訊
這些叫"父頁面"，在網站地圖中放在主頁下面一層。
第三步：新增子頁面
這些是主分類下面的細分頁面。例如：
在圖書下可以加：
- 新書
- 熱門圖書
- 為你推薦
為每個主分類新增子頁面，能讓導航更清晰，也能發現遺漏或重複的內容。
Homepage（首頁）
→Books（圖書）
• Recent releases（最新出版）
• Popular（熱門圖書）
• Recommendations（推薦圖書）
→Checkout Cart（借閱清單）
• Available books（可借閱的書籍）
• Waitlisted books（等待中的書籍）
• Extend your loan（延長借閱時間）
→User Account（使用者賬戶）
• Checkout history（借閱歷史）
• Due dates（歸還日期）
• Fines（罰款）
→About Page（關於頁面）
• Ask a librarian（諮詢圖書管理員）
• Event calendar（活動日曆）
• Contact us（聯絡我們）
網站地圖有什麼好處
- 方便使用者找東西：使用者能快速找到想要的內容
- 內容更有條理：提前發現結構問題、重複或缺失的頁面
- 節省時間和成本：早期發現問題比後期修改容易得多
- 團隊合作更順暢：大家對網站結構有統一的認識